import React, {Component} from 'react';
import Card from '@material-ui/core/Card';
import Avatar from '@material-ui/core/Avatar';
import CardContent from '@material-ui/core/CardContent';
import Typography from '@material-ui/core/Typography';
import Divider from '@material-ui/core/Divider';
import AuthorInfo from './AuthorInfo';
import OurSkills from './OurSkills';

export default class AboutMeContent extends Component {
	render () {
		return (
			<Card className="md-card">
				<div className="md-card-avatar">
					<Avatar src={'http://demo.shapedtheme.com/kotha-pro-html/assets/images/about-2.jpg'}
							className="md-avatar"/>
				</div>
				<CardContent>
					<Typography component="p">
						We are Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eir dulabore et
						dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
						rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit am Lorem
						ipsum dolor sitconsetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
						dolore maliquyam erat, sed diam voluptua.
					</Typography>
					<Divider style={{marginTop: '20px'}}/>
				</CardContent>
				<AuthorInfo/>
				<OurSkills/>
			</Card>
		);
	}
}